<!DOCTYPE html>
<html lang="mn" xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<meta charset="UTF-8" />
	<ui:insert name="title" >
		<title>Planning for IBI</title>
	</ui:insert>	
	<link rel="stylesheet" href="resource/css/source/uikit.css"/>
	<link rel="stylesheet" href="resource/css/source/style.css"/>
</h:head>
<h:body>
	<header>
		<div class="uk-container uk-container-center">
			<nav class="uk-navbar">
				<a href="javascript:void(0)" class="uk-navbar-brand">
					<img src="resource/image/logo.png" class="logo"/> Planning
				</a>
				<div class="uk-navbar-flip">
					<ul class="uk-navbar-nav">
						<li class="uk-active"><a href="javascript:void(0)">Төлөвлөгөө</a></li>
						<li><a href="#{request.contextPath}/performance.html">Гүйцэтгэл</a></li>
					</ul>
				</div>
			</nav>
		</div>
	</header>
	<section class="content">
		<div class="uk-container uk-container-center">
			<div class="employee-info uk-margin-bottom">
				<div class="uk-grid">
					<div class="uk-width-1-5 uk-text-center">
						<img src="resource/image/emp.JPG" class="employee-img"/>
					</div>
					<div class="uk-width-4-5">
						<div class="uk-form">
							<div class="uk-form-row">
								<div class="uk-grid">
									<div class="uk-width-1-5">
										<h:outputLabel value="Хэлтэс нэгж :" styleClass="uk-form-label"/>
									</div>
									<div class="uk-width-2-5">
										<strong>Програмчлал технологийн хэлтэс</strong>
									</div>
									<div class="uk-width-1-5">
										<h:outputLabel value="Ажилтны нэр :" styleClass="uk-form-label"/>
									</div>
									<div class="uk-width-1-5">
										<strong>Тулга</strong>
									</div>
								</div>
							</div>
							<div class="uk-form-row">
								<div class="uk-grid">
									<div class="uk-width-1-5">
										<h:outputLabel value="Албан тушаал :" styleClass="uk-form-label"/>
									</div>
									<div class="uk-width-2-5">
										<strong>Систем аналист</strong>
									</div>
									<div class="uk-width-1-5">
										<h:outputLabel value="Ажилтны код :" styleClass="uk-form-label"/>
									</div>
									<div class="uk-width-1-5">
										<strong></strong>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<p:dataTable tableStyleClass="uk-table" styleClass="data-table uk-form uk-margin-bottom" 
				value="#{applicationController.planExample}" var="data" rowIndexVar="rowIndex">
				<p:columnGroup type="header">  
		            <p:row>  
		                <p:column rowspan="2" headerText="№" width="15"/>
		                <p:column rowspan="2" headerText="Хийгдэх ажил" />  
		                <p:column rowspan="2" headerText="Үр ашигтай гүйцэтгэл" />  
		                <p:column rowspan="2" headerText="Үр дүнтэй гүйцэтгэл" />
		                <p:column rowspan="2" headerText="Ач холбогдолын зэрэг" />
		                <p:column rowspan="2" headerText="Хүндрэлийн зэрэг" />    
		                <p:column headerText="Ололтын зэрэг" />
		                <p:column rowspan="2" headerText="Үйлдэл" styleClass="min-width-col"/>     
		            </p:row>  
		  
		            <p:row>  
		                <p:column headerText="Зорилт" /> 
		            </p:row>  
		  
		            <p:row>  
		                <p:column colspan="8" headerText="Үндсэн ажлын гүйцэтгэл" /> 
		            </p:row>  
		        </p:columnGroup>  
				<p:column styleClass="uk-text-center" width="15">
					#{rowIndex + 1}
				</p:column>
				<p:column styleClass="uk-text-center input-column">
					<h:inputTextarea value="#{data.work}"/>
				</p:column>
				<p:column styleClass="uk-text-center input-column">
					<h:inputTextarea value="#{data.advantagePerformance}"/>
				</p:column>
				<p:column styleClass="uk-text-center input-column">
					<h:inputTextarea value="#{data.conclusionPerformance}"/>
				</p:column>
				<p:column styleClass="uk-width-1-10 uk-text-center">
					<h:selectOneMenu value="#{data.importanceDegree}">
						<f:selectItem itemValue="1"/>
						<f:selectItem itemValue="2"/>
						<f:selectItem itemValue="3"/>
						<f:selectItem itemValue="4"/>
					</h:selectOneMenu>
				</p:column>
				<p:column styleClass="uk-width-1-10 uk-text-center">
					<h:selectOneMenu value="#{data.difficultyDegree}">
						<f:selectItem itemValue="1"/>
						<f:selectItem itemValue="2"/>
						<f:selectItem itemValue="3"/>
						<f:selectItem itemValue="4"/>
					</h:selectOneMenu>
				</p:column>
				<p:column styleClass="uk-width-1-10 uk-text-center">
					<h:selectOneMenu value="#{data.goalPoint}">
						<f:selectItem itemValue="1"/>
						<f:selectItem itemValue="2"/>
						<f:selectItem itemValue="3"/>
						<f:selectItem itemValue="4"/>
					</h:selectOneMenu>
				</p:column>
				<p:column styleClass="uk-text-center" width="15">
					<p:commandLink styleClass="remove-action">
						<i class="uk-icon uk-icon-remove"></i>
					</p:commandLink>
				</p:column>
			</p:dataTable>
		
			<div class="uk-grid">
				<div class="uk-width-1-1 uk-text-right">
					<p:commandLink styleClass="uk-button uk-button-success uk-margin-right">
						<i class="uk-icon uk-icon-save"></i> Хадгалах
					</p:commandLink>
					<p:commandLink styleClass="uk-button uk-button-primary">
						<i class="uk-icon uk-icon-ok"></i> Батлууах
					</p:commandLink>
				</div>
			</div>
		</div>
	</section>
	
	<script src="resource/js/source/modernizr-2.5.3-min.js"></script>
	<h:outputScript library="primefaces" name="jquery/jquery.js" />
	<script src="resource/js/source/uikit.js"></script>
	<script src="resource/js/source/application.js"></script>
</h:body>
</html>